<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="format-detection" content="telephone=no email=no" />
		<meta name="apple-mobile-web-app-capable" content="yes"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <link rel="stylesheet" type="text/css" href="../font-awesome/css/font-awesome.css"/>
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
        <link rel="stylesheet" type="text/css" href="../css/mm.css"/>
		<title></title>
		<script type="text/javascript">
             (function(){
//           	浏览器缩放时触发
                window.onresize=function(){
                	change();
                };
                change();
                function change(){
                	var oFs=document.documentElement.clientWidth/(640/20);
//              	设置根目录字体大小；
                    document.documentElement.style.fontSize=oFs+"px";
                    
                }
            })()
	</script>
	</head>
	<body>
		<header>
			<div><a href="account.html"><span class="fa fa-angle-left"></span></a></div>
			<p class="img">
				<span>充值详情</span>
				<img src="../img/1.png">
			</p>
		</header>
		<div class="box">
			<div class="content">
				<div class="content_benyue">
					<p class="benyue_p"><span>2016年</span><span>本月</span></p>
					<ul class="benyue_ul">
						<li>
							<p>闪</p>
							<div>
								<p><span>天天消消乐</span><span>闪注量充值</span></p>
								<p>2017/7/6<span>14:24</span></p>
							</div>
							<p>+<span>20000</span>条</p>
						</li>
						<li>
							<p>短</p>
							<div>
								<p><span>大话西游</span><span>短信量充值</span></p>
								<p>2017/7/6<span>14:24</span></p>
							</div>
							<p>+<span>5000</span>条</p>
						</li>
						<li>
							<p>短</p>
							<div>
								<p><span>天天消消乐</span><span>闪注量充值</span></p>
								<p>2017/7/6<span>14:24</span></p>
							</div>
							<p>+<span>1000</span>条</p>
						</li>
						<li>
							<p>闪</p>
							<div>
								<p><span>王者荣耀</span><span>闪注量充值</span></p>
								<p>2017/7/6<span>14:24</span></p>
							</div>
							<p>+<span>10000</span>条</p>
						</li>
					</ul>
				</div>
				<div class="content_liuyue">
					<p class="liuyue_p"><span>2016年</span><span>6月</span></p>
					<ul class="liuyue_ul">
						<li>
							<p>闪</p>
							<div>
								<p><span>王者荣耀</span><span>闪注量充值</span></p>
								<p>2017/7/6<span>14:24</span></p>
							</div>
							<p>+<span>10000</span>条</p>
						</li>
				    </ul>
				</div>    
			</div>
			<div class="xiala">
				<div>
					<p>全部账户</p>
					<div>
						<div></div>
						<span>应用</span>
						<div></div>
					</div>
					<div>
						<span>天天消消乐</span>
						<span>大话西游</span>
						<span>王者荣耀</span>
					</div>
			    </div>
			</div>
		</div>
	</body>
	<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script>
		var n=0
		$(".img").click(function(){
			n++
			if(n%2!=0){
				$(".xiala").css("display","block")
			}else{
				$(".xiala").css("display","none")
			}
			
		})
	</script>
</html>
